<div id="about-grid">
	<span class="page-heading">Help / Getting Started</span>
	<div id= "about-container">
		<span class="page-subheading">Welcome!</span>
		<p class="normal-text" style="margin: 0px 40px">
			Welcome to The Trove! The Trove is a website to allow NUS students, especially those living in campus to put their unused and unwanted items up for offer. Check our <a href="<?php echo base_url('/about'); ?>">About</a> page for more information.
		</p>
		<br />
		<span class="page-subheading">Offers & Requests</span>
		<p class="normal-text" style="margin: 0px 40px">
			An <span class="emphasis">Offer</span> is an item that you put up on the website. Users will be able to view your <span class="emphasis">Offer</span>, and if they are interested, they will <span class="emphasis">Request</span> for your item. <br /><br />You can choose to <span class="emphasis">Reserve</span> the item to any of the Users who have requested for your item. That User will be able to <span class="emphasis">Accept</span> or <span class="emphasis">Decline</span> your item. If they <span class="emphasis">Accept</span> your item, you have successfully <span class="emphasis">Closed</span> your Offer!
		</p>
		<br />
		<span class="page-subheading">About the Pages</span>
		<div id="tabs">
			<ul>
				<li><a href="#tabs-1"><span class="normal-text">Home</span></a></li>
				<li><a href="#tabs-2"><span class="normal-text">Profile</span></a></li>
				<li><a href="#tabs-3"><span class="normal-text">Browse</span></a></li>
				<li><a href="#tabs-4"><span class="normal-text">History</span></a></li>
				<li><a href="#tabs-5"><span class="normal-text">Item Desc</span></a></li>
				<li><a href="#tabs-6"><span class="normal-text">Wants</span></a></li>
			</ul>
			<div id="tabs-1">
				<p class="normal-text">This is where you'll see all your Requests and Offers. Clicking on any Request or Offer will bring you to the Item Description page, where you will be able to view the information pertaining to the Offer/Request you selected. </p>
				<p class="normal-text">Check out the Recommended list as well! The items there are based on your preferences found in your Profile page.</p>
			</div>
			<div id="tabs-2">
				<p class="normal-text">Customise your Profile! Choosing your own Preferences will help to improve your experience of The Trove. Customise when you want The Trove to send you a Newsletter, and choose what you want to see in the Newsletter as well.</p>
				<p class="normal-text">Do not forget to leave a short message about yourself in the Profile page. When others view your profile page, they will then be able to learn more about you, and view all your Offers too!</p>
			</div>
			<div id="tabs-3">
				<p class="normal-text">Here, you can browse through all the Offers that are currently up on The Trove. Use the filters to narrow down you search, to find the item that you have been looking for.</p>
				<p class="normal-text">You can still request for Reserved Offers, but do not expect a high chance of getting it!</p>
			</div>
			<div id="tabs-4">
				<p class="normal-text">Check out your History in this page! View all your past successful Offers and Requests here.</p>
			</div>
			<div id="tabs-5">
				<p class="normal-text">The Item Description page shows all the information related to an Offer. View the comments to see what others think of the item. You can also Request for the Offer here, or Accept the Offer if it is already being offered to you.</p>
				<p class="normal-text">If you are the owner of the item, you'll be able to view all the requesters asking for this Item. Don't forget to choose who to offer it to!</p>
			</div>
			<div id="tabs-6">
				<p class="normal-text">Have something that you need? Post in on the Wants Board, and let everyone know that you need this item!</p>
				<p class="normal-text">Check out the Wants board for people who need new items. If you have a match on something that you are offering, alert that person that you may have something that they want!</p>
			</div>
		</div>
		<br />
	</div>
</div>
<div style="height: 30px"></div>